<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <title>西外可视化分析大屏</title>
    <link rel="stylesheet" href="../static/assets/css/iconfont.css">
    <link rel="stylesheet" href="../static/css/common.css">
    <link rel="stylesheet" href="../static/css/investmentIndex.css">
    <script src="../static/assets/js/jquery-3.3.1.min.js"></script>
</head>

<body id="investmentRisk">
<div id="container">
    <script src="../static/js/common.js"></script>
    <header>
        <div class="header-l">
            <h1 class="zh">一带一路沿线国家投资指数</h1>
            <h1 class="en">Investment index of different countries along the Belt and Road</h1>
        </div>
        <div class="header-r">
            <time id="headerTime"></time>
        </div>
    </header>
    <main>
        <!--样式里的l,m,r,t,b分别代表左，中，右，上，下-->
       <div class="t">
           <div class="t-l">
               <div class="t-l-t">
                    <!-- 数据统计 -->
                    <h3 class="zh">数据统计</h3>
                    <h3 class="en">Data statistics</h3>
                    <div class="investment-box">
                        <div class="investment-item">
                            <p class="p-text">
                                <span class="icons"></span>
                                <span>对一带一路国家直接投资</span>   
                            </p>
                            <div class="b-info">
                                <span class="num">129.6</span>
                                <span class="unit">亿元</span>
                            </div>
                        </div>
                        <div class="investment-item">
                            <p class="p-text">
                                <span class="icons"></span>
                                <span>对一带一路国家直接投资</span>   
                            </p>
                            <div class="b-info">
                                <span class="text-white">同比增长</span>
                                <span class="num">4.8</span>
                                <span class="text-white">%</span>
                                <span><i class="iconfont icon-uparrow"></i></span>
                            </div>
                        </div>
                        <div class="investment-item">
                            <p class="p-text">
                                <span class="icons"></span>
                                <span>对一带一路国家直接投资</span>   
                            </p>
                            <div class="b-info">
                                <span class="text-white">占投资总额</span>
                                <span class="num">12.4</span>
                                <span class="text-white">%</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t-l-b">
                    <!-- 地图标题 -->
                    <h3 class="zh">目标国家投资潜力分布图</h3>
                    <h3 class="en">Distribution Map in terms of investment potential in target countries</h3>
                </div>
            </div>
            <div class="t-c">
                <!-- 能源行业投资潜力国家TOP10 -->
                <h3 class="zh">能源行业投资潜力国家TOP10</h3>
                <h3 class="en">Top 10 countries in terms of investment potential in the energy industry</h3>
                <div class="country-box">
                    <div class="country-item">
                        <img src="../static/imgs/national_flag_img/yindu.jpg" alt="">
                        <span class="country-name">印度</span>
                    </div>
                    <div class="country-item">
                        <img src="../static/imgs/national_flag_img/xinjiapo.jpg" alt="">
                        <span class="country-name">新加坡</span>
                    </div>
                    <div class="country-item">
                        <img src="../static/imgs/national_flag_img/kataer.jpg"/>
                        <span class="country-name">卡塔尔</span>
                    </div>
                    <div class="country-item">
                       <img src="../static/imgs/national_flag_img/alianqiu.jpg"/>
                        <span class="country-name">阿联酋</span>
                    </div>
                    <div class="country-item">
                        <img src="../static/imgs/national_flag_img/shatealabo.jpg" alt="">
                        <span class="country-name">沙特阿拉伯</span>
                    </div>
                    <div class="country-item">
                        <img src="../static/imgs/national_flag_img/eluosi.jpg" alt="">
                        <span class="country-name">俄罗斯</span>
                    </div>
                    <div class="country-item">
                        <img src="../static/imgs/national_flag/5c18a0131d41c830768101e4.jpg" alt="">
                        <span class="country-name">伊拉克</span>
                    </div>
                    <div class="country-item">
                        <img src="../static/imgs/national_flag_img/hasakesitan.jpg" alt="">
                        <span class="country-name">哈萨克斯坦</span>
                    </div>
                    <div class="country-item">
                        <img src="../static/imgs/national_flag_img/keweite.jpg" alt="">
                        <span class="country-name">科威特</span>
                    </div>
                    <div class="country-item">
                       <img src="../static/imgs/national_flag_img/asaibaijiang.jpg"/>
                        <span class="country-name">阿塞拜疆</span>
                    </div>
                </div>
            </div>
            <div class="t-r">
                    <!-- 农业行业投资潜力国家TOP10 -->
                    <h3 class="zh">农业行业投资潜力国家TOP10</h3>
                    <h3 class="en">Top 10 countries in terms of investment potential in the agricultural industry</h3>
                    <div class="country-box">
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/yindu.jpg" alt="">
                            <span class="country-name">印度</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/tasangniya.jpg"/>
                            <span class="country-name">坦桑尼亚</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/kataer.jpg" alt="">
                            <span class="country-name">卡塔尔</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/baierluosi.jpg" alt="">
                            <span class="country-name">白俄罗斯</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/shatealabo.jpg" alt="">
                            <span class="country-name">沙特阿拉伯</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/aerbaniya.jpg"/>
                            <span class="country-name">阿尔巴尼亚</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/yuedan.jpg" alt="">
                            <span class="country-name">约旦</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/yiselie.jpg" alt="">
                            <span class="country-name">以色列</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/xila.jpg" alt="">
                            <span class="country-name">希腊</span>
                        </div>
                        <div class="country-item">
                            <img src="../static/imgs/national_flag_img/yindunixiya.jpg" alt="">
                            <span class="country-name">印度尼西亚</span>
                        </div>
                    </div>
                </div>
       </div>
       <div class="b">
            <div class="b-l">
                <div class="b-l-l">
                    <!-- 地图 -->
                    <div class="chart-box" id="ec02_map_world"></div>
                </div>
                <div class="b-l-r">
                    <div class="legend_box legend_box1">
                        <span></span>
                        <h3>投资吸引力第一梯队国别：</h3>
                        <div>
                            新加坡，印度，阿联酋，俄罗斯，沙特阿拉伯，卡塔尔，捷克，以色列，科威特，匈牙利，拉托维亚，波兰，爱沙尼亚，保加利亚，克罗地亚，阿曼，斯洛伐克，
                            土耳其，斯洛文尼亚，蒙古，罗马尼亚，巴林，立陶宛，越南，柬埔寨，格鲁吉亚，马尔代夫，马来西亚
                        </div>
                    </div>
                    <div class="legend_box legend_box2">
                        <span></span>
                        <h3>投资吸引力第二梯队国别：</h3>
                        <div>
                            约旦，马其顿，文莱，伊朗，菲律宾，印度尼西亚，阿尔巴尼亚，泰国，亚美尼亚，哈萨克斯坦，尼泊尔，黎巴嫩，吉尔吉斯斯坦，老挝，黑山，土库曼斯坦，巴基斯坦，斯里兰卡，
                            缅甸，肯尼亚，摩洛哥，波黑，南非，希腊，孟加拉，阿塞拜疆，摩尔多瓦，塞尔维亚，埃及，白俄罗斯，不丹，埃塞俄比亚，加纳，坦桑尼亚，乌兹别克斯坦
                        </div>
                    </div>
                    <div class="legend_box legend_box3">
                        <span></span>
                        <h3>投资吸引力第三梯队国别：</h3>
                        <div>
                            尼日利亚，伊拉克，阿尔及利亚，安格拉，苏丹，乌克兰，也门，阿富汗，刚果，塔吉克斯坦，叙利亚
                        </div>
                    </div>
                    <div class="legend_box legend_box4">
                        <span></span>
                        <h3>非目标国家：</h3>
                        <div>
                            无
                        </div>
                    </div>
                </div>

            </div>
            <div class="b-r">
                <!-- 行业投资总额 -->
                <h3 class="zh">行业投资总额</h3>
                <h3 class="en">Total industrial investment amount</h3>
                <div class="chart-box" id="ec01_bar_investment"></div>
            </div>
       </div>
    </main>
</div>
<script src="../static/assets/js/echarts-4.2.0.js"></script>
<script src="../static/js/chartsCom.js"></script>
<script src="../static/assets/js/world.js"></script>
<script src="../static/js/investmentIndex.js"></script>

<script>
    $(function () {

    })
</script>
</body>
</html>







